vue结合Axios+v |
您所在的位置:网站首页 › axios 本地json › vue结合Axios+v |
需求说明:
完成网易健康页面的基DAVUJXtM本布局。在生命周期函数created()中使用Axios请求“网易健康”数据,数据为本地模拟的数据,详见health.json文件。
health.json文件: 链接: https://pan.baidu.com/s/1ofnvp0ncQikVloSmcgueOA?pwd=dhrg 提取码: dhrg 遍历渲染显示“网易健康”接口数据到页面中,页面效果如图。在项目下安装axios: 编程客栈npm i axios 将health.json文件放到static文件夹下。在main.js中引入axios,并将axios挂载到vue原型。 import axios from 'axios' // 只能把axios挂载到vue的原型上 Vue.prototype.$axios = axios;在HelloWorld.vue中使用axios调用本地模拟的health.json数据。HelloWorld.vue代码如下: {{ msg }}到此这篇关于vue结合Axios+v-for列表循环实现网易健康页面的文章就介绍到这了,更多相关vue网易健康页面内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们! vue结合Axios+v-for列表循环实现网易健康页面(实例代码) |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |